<template>
    <!-- <div>获取meta内容：{{ $router.options.routes }}</div>
    <div v-for="item in $router.options.routes">
        路由的名称：{{ item.name }}
        路由的组件名称：{{ item.meta.title }}
    </div>
    <p>获取当前执行的路径：{{ $route.fullPath }}</p> -->

    <!--vue的路由访问链接-->
    <!-- <div class="menu">
        <RouterLink to="/find">发现音乐</RouterLink> &nbsp;
        <RouterLink to="/my">我的音乐</RouterLink> &nbsp;
        <RouterLink to="/friend">我的关注</RouterLink> &nbsp;
        <RouterLink to="/musician">音乐人</RouterLink> &nbsp;
    </div> -->



    <!--路由的总出口 必填项  哪个页面是父组件 或父类 就在那个vue里面编写出口-->
    <RouterView></RouterView>
</template>
<script setup>




</script>
<style scoped>
a{
    text-decoration: none;
}
.menu{
    background-color: #161515;
    padding: 10px;
    a{
        color: white;
        font-size: 18px;
        font-weight: 800;
    }
}
</style>